<template>
  <view class="invalid-token">
    <!-- <image class="error-img" src="/static/aidex/images/404.png" mode="widthFix" /> -->
    <text class="error-title">访问无效</text>
    <text class="error-desc">抱歉，您的访问无效或已过期，禁止访问本页面。</text>
    <!-- <button class="back-btn" @click="goHome">返回首页</button> -->
  </view>
</template>
<script>
export default {
  methods: {
    goHome() {
      uni.reLaunch({ url: '/pages/sys/workbench/index' });
    }
  }
}
</script>
<style>
.invalid-token {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* 柔和渐变蓝灰色背景 */
  background: linear-gradient(180deg, #e8edf3 0%, #f5f8fa 80%, #dbeafe 100%);
  padding: 40rpx 20rpx;
}
.error-img {
  width: 320rpx;
  margin-bottom: 32rpx;
}
.error-title {
  font-size: 48rpx;
  font-weight: bold;
  color: #f45734;
  margin-bottom: 18rpx;
  text-shadow: 0 2rpx 8rpx #b3cfff;
}
.error-desc {
  font-size: 28rpx;
  color: #666;
  margin-bottom: 40rpx;
  text-align: center;
}
.back-btn {
  background: #2979ff;
  color: #fff;
  font-size: 32rpx;
  border-radius: 50rpx;
  padding: 18rpx 60rpx;
  margin-top: 10rpx;
}
</style> 